<template>
  <div class="user_shop">
    <van-row class="user-links">
      <van-col span="6">
        <van-icon name="pending-payment"/>
        <div>代付款</div>
      </van-col>
      <van-col span="6">
        <van-icon name="records"/>
        <div>待接单</div>
      </van-col>
      <van-col span="6">
        <van-icon name="tosend"/>
        <div>待发货</div>
      </van-col>
      <van-col span="6">
        <van-icon name="logistics"/>
        <div>已发货</div>
      </van-col>
    </van-row>
    <van-row class="user-hongli">
      <van-col span="6">
        <div>{{hongbao}}</div>
        <div>红包</div>
      </van-col>
      <van-col span="6">
        <div>{{yongjin}}</div>
        <div>佣金</div>
      </van-col>
      <van-col span="6">
        <div>{{youhui}}</div>
        <div>优惠券</div>
      </van-col>
      <van-col span="6">
        <div>{{jifen}}</div>
        <div>积分</div>
      </van-col>
    </van-row>
  </div>
</template>

<script>
export default {
  data() {
    return {
      hongbao: "0",
      yongjin: "0",
      youhui: "0",
      jifen: "0"
    };
  }
};
</script>

<style>
.user_shop {
  background: white;
}
.user-links {
  padding-top: 10px;
  text-align: center;
  font-size: 12px;
  padding-bottom: 20px;
  border-bottom: 1.5px solid #ecf0f1;
}
.user_shop .van-icon {
  display: block;
  font-size: 30px;
}
.user-hongli {
  margin-top: 10px;
  text-align: center;
  padding-bottom: 20px;
  border-bottom: 1.5px solid #ecf0f1;
}
</style>
